{{include file="header.html"}}
	<div class="header loginhead">
		<div class="nav">
		    <div class="search return"><a href="javascript:history.go(-1);"></a></div>
		    <div class="title">晒单</div>
		    <div class="right">
		        <a href="javascript:"><img onclick="$('#sub-title').toggle();$('#screenIfmNav').toggle();" src="{{$smarty.const.__APP__}}images/menu.png"></a>
		        <ul class="more" id="sub-title">
		            <li><a class="home-icon" href="{{$smarty.const.__PROJECT__}}">首页</a></li>
		            <li><a class="cart-icon" href="cart.html">购物车</a></li>
		            <li><a class="buy-icon" href="javaScript:">云购记录</a></li>
		            <li><a class="help-icon" href="index.php?app=My&act=help">帮助中心</a></li>
		        </ul>
		    </div>
		    <div id="screenIfmNav" class="screenIfm" onclick="$('#sub-title').toggle();$(this).hide();"></div>
		</div>
	</div>
	<div class="container">
		<div class="com_detail">
			<div class="com_deps">
				<div class="deps prev">
					<img src="{{$smarty.const.__APP__}}images/join.jpg" alt="">
					<p><span>今天必中</span><i class="prize">奖励福分400</i></p>
					<p class="read">今天17:52<em>86人阅读</em></p>
				</div>
			</div>
			<div class="commsg">
				<div class="deps prev">
					<img src="{{$smarty.const.__APP__}}images/li.jpg" alt="">
					<p><span>(第474云)暴龙（BOLON）2017新款</span></p>
					<p>揭晓时间：04月24日 18:28</em></p>
					<p><i>第588云正在进行中...</i></p>
				</div>
			</div>
			<div class="com_detail_box">
				<h3>中奖了很高兴</h3>
				<p>不容易啊，这个号填坑都快一年了，之前怎么投都不中，就中一堆奶，刚好家里有小孩子喜欢喝，大投小投都一样，石沉大海！本来都不抱任何希望了，就突然给我来这么一个惊喜！叫人要怎么弃坑啊！中手机后又新一轮的轮回，哎！反正就这样了，谢谢各位填坑的兄弟姐妹！我也为你们填坑！</p>
				<img src="{{$smarty.const.__APP__}}images/com.jpg" alt="">
				<img src="{{$smarty.const.__APP__}}images/com.jpg" alt="">
			</div>
			<div class="hot">
				<div class="hot_item">人气推荐</div>
				<div id="wrapper">
					<div id="scroller">
						<ul class="i_ul">
							<li class="i_li">
								<a href="javascript:">
									<div class="img_inner">
										<img src="{{$smarty.const.__APP__}}images/li.jpg">
									</div>
									<p class="i_txt">苹果7苹果7苹果7苹果7</p>
								</a>
								<div class="cont">
									<div class="price">价值：￥45</div>
									<div class="linebox">
										<div class="line">
											<div class="on"></div>
										</div>
									</div>	
								</div>
							</li>
							<li class="i_li">
								<a href="javascript:">
									<div class="img_inner">
										<img src="{{$smarty.const.__APP__}}images/li.jpg">
									</div>
									<p class="i_txt">苹果7苹果7苹果7苹果7</p>
								</a>
								<div class="cont">
									<div class="price">价值：￥45</div>
									<div class="linebox">
										<div class="line">
											<div class="on"></div>
										</div>
									</div>	
								</div>
							</li>
							<li class="i_li">
								<a href="javascript:">
									<div class="img_inner">
										<img src="{{$smarty.const.__APP__}}images/li.jpg">
									</div>
									<p class="i_txt">苹果7苹果7苹果7苹果7</p>
								</a>
								<div class="cont">
									<div class="price">价值：￥45</div>
									<div class="linebox">
										<div class="line">
											<div class="on"></div>
										</div>
									</div>	
								</div>
							</li>
							<li class="i_li">
								<a href="javascript:">
									<div class="img_inner">
										<img src="{{$smarty.const.__APP__}}images/li.jpg">
									</div>
									<p class="i_txt">苹果7苹果7苹果7苹果7</p>
								</a>
								<div class="cont">
									<div class="price">价值：￥45</div>
									<div class="linebox">
										<div class="line">
											<div class="on"></div>
										</div>
									</div>	
								</div>
							</li>
							<li class="i_li">
								<a href="javascript:">
									<div class="img_inner">
										<img src="{{$smarty.const.__APP__}}images/li.jpg">
									</div>
									<p class="i_txt">苹果7苹果7苹果7苹果7</p>
								</a>
								<div class="cont">
									<div class="price">价值：￥45</div>
									<div class="linebox">
										<div class="line">
											<div class="on"></div>
										</div>
									</div>	
								</div>
							</li>
						</ul>
					</div>
				</div>
				<script type="application/javascript" src="{{$smarty.const.__APP__}}js/iscroll.js"></script>

				<script type="text/javascript">
				$(function(){
					$('#scroller').css('width',($('.hot .i_li').length)*8+'rem');
				});			
				var myScroll;
				function loaded() {
					myScroll = new iScroll('wrapper');
				}
				document.addEventListener('DOMContentLoaded', loaded, false);

				</script>
			</div>

		</div>
		<div class="com_piece">
			<div class="p_item">评论 7</div>
			<div class="p_list">
				<ul>
					<li>
						<div class="deps prev">
							<img src="{{$smarty.const.__APP__}}images/join.jpg" alt="">
							<p class="p_top">今天必中</p>
							<p><span>评论详情评论详情评论详情评论详情评论详情评论详情评论详情</span></p>
							<div class="num">今天 12:44</div>
						</div>
					</li>
					<li>
						<div class="deps prev">
							<img src="{{$smarty.const.__APP__}}images/join.jpg" alt="">
							<p class="p_top">今天必中</p>
							<p><span>评论详情评论详情评论详情评论详情评论详情评论详情评论详情</span></p>
							<div class="num">今天 12:44</div>
						</div>
					</li>
					<li>
						<div class="deps prev">
							<img src="{{$smarty.const.__APP__}}images/join.jpg" alt="">
							<p class="p_top">今天必中</p>
							<p><span>评论详情评论详情评论详情评论详情评论详情评论详情评论详情</span></p>
							<div class="num">今天 12:44</div>
						</div>
					</li>
				</ul>
				
			</div>
			
		</div>	
	</div>
	<!-- 底部 -->
	<div class="footer">
		<ul class="wd_nav">
			<div class="comfooter">
				<div class="comlink">
					<a href="javascript"><img src="{{$smarty.const.__APP__}}images/share1.png" alt=""></a>
					<a href="javascript" class="on"><i></i><span>8</span></a>
				</div>
				<div class="inputbox">
					<input type="text" placeholder="沾沾喜气，说两句吧~">
					<div class="btn">
						<a href="javascript:">发表</a>
					</div>
				</div>
				<script type="text/javascript">
					$(function(){

						$('.inputbox input').on('focus',function(){

							var bfscrolltop = document.body.scrollTop;
						 	//获取软键盘唤起前浏览器滚动部分的高度
							$(this).parent('.inputbox').toggleClass('nolink');
							$('.comlink, .inputbox .btn').toggle();
							
							hhh=0;
							iii = setInterval(function(){
								// 在手机展开输入法的过程中，不断对比跟上一次的高度是否一致，以判断输入法是否完全展开
								if(hhh!=document.body.scrollHeight)
									document.body.scrollTop = document.body.scrollHeight;
								else
									// 输入法完全展开后清除定时器
									clearInterval(iii);

								hhh=document.body.scrollHeight;
						        //获取焦点后将浏览器内所有内容高度赋给浏览器滚动部分高度
					        },200)
						})
						$('.container,.header').click(function(){
							$('.inputbox input').blur();
							$('.inputbox').toggleClass('nolink');
							$('.comlink, .inputbox .btn').toggle();
						})
						$('.inputbox input').blur(function(){
							$(this).parent('.inputbox').toggleClass('nolink');
							$('.comlink, .inputbox .btn').toggle();
						})

					})
				</script>
			</div>
		</ul>
	</div>
{{include file="footer.html"}}